@charset "UTF-8";





#resources .bg{
    height: calc((420/192)*1rem);
    background: url("../img/bg2.png") no-repeat center/100%;
}



/*nav*/
#resources .r-nav{
    width: calc((350/192)*1rem);
}
#resources .r-nav ul{
    font-size:  calc((18/192)*1rem);
    padding: calc((50/192)*1rem) 0;
}
#resources .r-nav ul{
    justify-content:space-between ;
}
#resources .r-nav ul li h5{
    background: no-repeat center/100%;
}
#resources .r-nav ul li:nth-child(1) h5{
    width: calc((70/192)*1rem);
    height: calc((75/192)*1rem);
    background-image: url("../img/technology.png");
}
#resources .r-nav ul li:nth-child(2) h5{
    width: calc((61/192)*1rem);
    height: calc((75/192)*1rem);
    margin-left: calc((15/192)*1rem);
    background-image: url("../img/idea1.png");
}
#resources .r-nav ul li:nth-child(1) h5.on{
    background-image: url("../img/technology1.png");
}
#resources .r-nav ul li:nth-child(2) h5.on{
    background-image: url("../img/idea.png");
}
#resources .r-nav ul li p{
    margin-top: calc((20/192)*1rem);
    color: #787878;
}
#resources .r-nav ul li p.on{
    color: #e60012;
}
/*content*/
#resources .r-content{
    background-color: #f8f8f8;
    padding-top:calc((64/192)*1rem) ;
    padding-bottom: calc((14/192)*1rem);
}
#resources .r-content > div > ul{
    width: calc((1200/192)*1rem);
}
#resources .r-content > div >ul li{
    margin-bottom: calc((50/192)*1rem);
    background-color: white;

}
#resources .r-content > div >ul li .left{
    height: calc((226/192)*1rem);
}
#resources .r-content > div >ul li .left img{
    width: calc((391/192)*1rem);
    height: calc((226/192)*1rem);
}

#resources .r-content > div >ul li .right{
    width: calc((790/192)*1rem);
    padding-top:calc((26/192)*1rem) ;
}
#resources .r-content > div >ul li .right h6{
    margin-bottom: calc((45/192)*1rem);
    font-size: calc((18/192)*1rem);
    font-weight: bold;
}
#resources .r-content > div >ul li .right h6 a{
    color: #333;
}
#resources .r-content > div >ul li .right h6:before{
    content: "";
    position: absolute;
    top:calc((50/192)*1rem);
    width: calc((10/192)*1rem);
    height: calc((1.5/192)*1rem);
    background-color: #eee;
}
#resources .r-content > div >ul li .right p{
    color: #333;
    font-size: calc((16/192)*1rem);
}
#resources .r-content > div >ul li .right > a{
    font-size: calc((14/192)*1rem);
}
#resources .r-content > div >ul li .right > a{
    right: calc((20/192)*1rem);
    bottom: calc((-80/192)*1rem);
    color: #8a8a8a;
}
#resources .r-content > div >ul li .right span{
    width: calc((15/192)*1rem);
    height: calc((15/192)*1rem);
    background-color: #8a8a8a;
    color: white;
    text-align: center;
    line-height: calc((15/192)*1rem);
    border-radius: 50%;
}

/*btn*/
#resources .r-content > div .btn{
    height: calc((175/192)*1rem);
    background-color: white;
}
#resources .r-content > div .btn .center{
    user-select: none;
    width: calc((650/192)*1rem);
    padding-top: calc((63/192)*1rem);
}
#resources .r-content > div .btn .center .prv,
#resources .r-content > div .btn .center .next,
#resources .r-content > div .btn .center ul li{
    padding: calc((14/192)*1rem) calc((23/192)*1rem);
    background-color: #f8f8f8;
    font-size:calc((16/192)*1rem) ;
}
#resources .r-content > div .btn .center ul li,
#resources .r-content > div .btn .center .next{
    margin-left: calc((5/192)*1rem);
}
#resources .r-content > div .btn .center ul li.on{
    background-color: #e60012;
    color: white;
}
































































